*{margin: 0;padding: 0}
html{background: #f2f2f2;/*height: 100%;overflow: hidden;*/}
body{font-family: "微软雅黑";font-size: 100%;color: #ADADAD}
/*ul{list-style: none;}*/
img{border:none;}
/*li{float: left;}*/
.wrap{ 
	position: relative;
 width:100%;
 overflow: hidden;
 min-width: 320px;}
.center{
	width: 96%;margin: 0px auto;
	position: relative;margin-top: 130px;
	min-width: 640px;overflow: hidden;_width:800px;
	max-width: 1200px;
	}
	.head_wrap{
		position: fixed;
		width: 100%;
		z-index: 222;
		height: 92px;
		top: 0;
	 	_position:absolute; 
	 	_margin-top: 0; 
	 	_top:expression(documentElement.scrollTop);
	}
	.head{
		vertical-align: top;
		background: rgb(0,0,0);height: 75px;width:100%;opacity: 0.75;
		filter:alpha(opacity=75);
		padding-top: 15px;position: relative;
		box-shadow: 0px 4px 4px rgba(0,0,0,0.5);
		text-align: center;
		padding-bottom: 10px;
		
	
	}
	
	/*头部*/
	.logo{
		height: 44px;
		width: 136px;
		/*margin: 0px auto;*/
		flex: 1 0 auto;	
			text-decoration: none;
			font-size: 22px;
			color: #ccc;
			font-family: sans-serif;
			align-items: center;
			transition: transform 1s;
	}
	.logo:hover {
		transform: scale(1.5);
	}
	.bar{
		position:absolute;
		color: #8e8e8e;
		font-size: 0.9em;
		bottom: 5px;
		font-family: HUM521L;
		width: 100%;
		
	}
	
	
	li{
		color: #898989;
		text-align: center;
			display: inline-block;
			margin: 0 2% 0 2%;
			text-decoration: none;
		margin-left: 7%;
		flex: 1 1 20%;
			align-self: stretch;
			align-items: center;
			transition: box-shadow 1s;
			text-decoration: none;
		}
		
		li:hover {
			box-shadow: inset 0 -3px 0 #ff5500;
		}
		
		.slider{
			position: absolute;
			width: 20px;
			top: 100px;
			opacity: 0.8;
			filter:alpha(opacity=80);
			
			}
			
		
		.footer{
			background: #e0e0e0;position:relative;
			width: 100%;margin-top: 40px;padding-top: 10px;
			padding-bottom: 10px;
			text-shadow:1px 1px 1px white;
			color: #666666;
			overflow: hidden;
		}
		.footer_left,.footer_right{width: 49%;display: inline-block;}
		.footer_left{vertical-align: top;float: left;}
		.footer_right{border-left:1px #bcbcbc solid;float: right;}
		.link{float: right;height: 70px;font-size: 0.75em;margin-bottom: 5px;}
		.link a{width: 40px;float: left;margin-left: 6px;}
		.link1{
			margin-left: 0;
			margin-bottom: 10px;
		}
	.link a img{
		width: 100%;
	}
		
		.contact{margin-left: 3%;font-size: 0.75em}
		.contact_logo{
			width: 90px;
			margin-bottom: 10px;
		}
		.contact_logo img{
			width: 100%;
		}
		.contact p{
			margin-bottom: 5px;
		}
		
		@media screen and (max-width: 1200px){
		.head_wrap{height: 78px}
		.head{height: 65px;padding-bottom: 0;padding-top: 5px;}
		.logo{width: 110px;height: 32px}
		}
		
		@media screen and (max-width: 640px){
		
		body{font-size: 86%}
		.center{width:96%;margin-top:90px;min-width: 310px;}
		.slider{width: 13px;top: 70px;}
		.link a{margin-left: 5px}
		.contact{margin-left: 10px}
		.contact_logo{width: 90px;}
		.contact p{margin-bottom: 3px;}
		.footer{margin-top: 20px;}
		.work_title{font-size: 24px;}
		}
		@media screen and (max-width: 480px){
		.link{margin-right: 0px}
		.contact{margin-left: 2px}
		.work_title{font-size: 16px;}
		}
		
		
		@font-face{
			 font-family: "HUM521L";
			 src: url(../font/HUM521L.TTF) format('truetype');
			 font-weight: normal;
			 font-style: normal;
		}
